﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery iNotification Plugin</title>
    <link href="Style/Commons/Interacao.css" rel="stylesheet" type="text/css" />
    <link href="Style/jq.inotifications.css" rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="Script/jquery.inotifications.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
			$("#inotifications").iNotifications('show', { title : "iNotification Teste", msg : "Demonstration Notification" } );
			$("#inotifications").iNotifications('show', { title : "iNotification Teste 2", msg : "This is a sample message to show on notification panel.<br><strong>This accept HTML code.</strong><br><br>Enjoy!." } );
		});
		
		function MostraNote() {
			$('#inotifications').iNotifications('show', {
				title : $("#titulo").val(),
				msg : $("#mensagem").val()
			});
		}
    </script>
</head>
<body>
    <div class="cabecalho">
        <img src="Style/Imagem/logo.png" alt="Interação Sistemas" height="150" />
    </div>

    <div id="inotifications" class="inotifications-panel"></div>
	
	
	<div style="margin:50px;">
		<div class="clear">
			Titulo : <input type="text" id="titulo">
		</div>
		<div class="clear">
			Mensagem : <input type="text" id="mensagem">
		</div>
		<a href="#" onclick="MostraNote()">Show Notification</a>
	</div>
	
	<div class="center" style="position:fixed; bottom:30px; left:0px; width:100%;text-decoration:none;"><a href="http://www.interacaosistemas.com.br/blog">Developer: Roger Medeiros</a></div>
</body>
</html>